<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动定位</title>
		<!-- css提供5个定位方式：1.浮动定位  float属性
		                         none  默认不浮动
								 left  左浮动
								 right 右浮动
			clear属性  作用：清除浮动
			①left 清除左浮动
			②right 清除右浮动
			③both 清除左右浮动
		概念： 让元素脱离文档流的一种定位方式
		      浮动的元素可以向左、向右
			  通常用于左右布局、图片与文本环绕...
		注意：一旦元素加浮动，元素就会变成块级元素
		2.相对定位
		3.绝对定位
		4.普通流【文档流】定位：按照元素分类进行布局
		5.固定定位：元素定死在页面不动
		主要功能：页面元素布局
		
		 -->
		 <link rel="stylesheet" href="css/定位.css" />
	</head>
	<body>
		<div class="d1">1</div>
		<div class="d2">2</div>
		<div class="d3">3</div>
		<div class="d4">4</div>
	</body>
</html>